<template>
	<view class="noListData">
		<view class="noDataImg"><image src="../static/noData.png" alt="" /></view>
		<view class="noDataText">{{noText}}</view>
	</view>
</template>

<script  setup lang="ts">
	import {defineProps, withDefaults} from 'vue'
	
	withDefaults(defineProps<{
		noText: string
	}>(), {
		noText: '还没有数据~'
	})
</script>

<style scoped lang="scss">
	.noListData {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		.noDataImg {
			width: 276rpx;
			height: 322rpx;
			margin-bottom: 40rpx;
		}
		.noDataText {
			font-size: 28rpx;
			color: $theme-grey;
			text-align: center;
		}
	}
</style>
